import React from 'react';

const TestApp = () => {
  console.log('TestApp 组件正在渲染');
  
  return (
    <div style={{
      padding: '20px',
      backgroundColor: '#f0f2f5',
      minHeight: '100vh',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      flexDirection: 'column'
    }}>
      <h1 style={{ color: '#1890ff', marginBottom: '20px' }}>React 测试页面</h1>
      <p style={{ fontSize: '16px', color: '#666' }}>如果你能看到这个页面，说明 React 正在正常工作</p>
      <div style={{
        backgroundColor: '#fff',
        padding: '20px',
        borderRadius: '8px',
        boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
        marginTop: '20px'
      }}>
        <p>当前时间: {new Date().toLocaleString()}</p>
        <p>页面路径: {window.location.pathname}</p>
      </div>
    </div>
  );
};

export default TestApp;